<%--
    Document   : agregarART
    Created on : 13/11/2010, 12:43:54 PM
    Author     : Quicksoft
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%--Imports java packages --%>
<%@ page import ="java.util.Date" %>
<%@ page import ="java.text.SimpleDateFormat"%>

<% request.setAttribute("allowed", "Gestionar Analisis de Riesgo");%>
<%@ include file='../Templates/security.jsp' %>

<%-- Java code --%>
<%
            java.util.Date date = new java.util.Date();
            java.text.SimpleDateFormat sdf = new java.text.SimpleDateFormat("dd/MM/yyyy");
            String fecha = sdf.format(date);
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<h1 class="title">Gestión de ART</h1>
<hr>
<p class="meta"></p>
<div class="entry" id="agregarARTForm">
    <center>
        <h2>Agregar ART</h2>
        <html:form action="/agregarART" styleId="Form_agregarART" onsubmit="return agregarART();">
            <table>
                <tbody>
                <br> <html:errors property = "art_fallido"/>
                <tr>
                    <td><font color="red">*&nbsp;</font>Sede:</td>
                    <td>
                        <select id="Sedes" name="sede" onchange="listCargosSede(value)"></select>
                        <html:errors property = "sede_pt_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Cargo:</td>
                    <td>
                        <select id="Cargo" name="cargo" onchange="listaPuestos(value)"></select>
                        <html:errors property = "cargo_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Puesto Trabajo:</td>
                    <td>
                        <select id="Puestos" name="puestoTrabajo" onchange="getPuestoTrabajo(value)">
                        </select>
                        <html:errors property = "puesto_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Fecha del ART:</td>
                    <td><html:text readonly="true" property="fecha" styleId="fechaC" value="<%=fecha%>"/>
                        <html:errors property = "fecha_obtenida_requerido"/>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Realizado por:</td>
                    <td><html:text property="realizadoPor" size="40"/>
                        <html:errors property = "realizado_por"/></td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Descripción:</td>
                    <td><html:textarea property="descripcion" cols="30" rows="4"/>
                        <html:errors property = "descripcion_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td style="vertical-align: top"><font color="red">*&nbsp;</font>Factores de riesgos:</td>
                    <td>
                        <div id="riesgosWidget" class="oculta">
                            <div id="riesgosTree" class="tree"></div>
                            <div style="width: 100%; clear: both; float: left;">
                                <table>
                                    <tr>
                                        <td><a href="javascript:void(0);" id="allRiesgos"><img alt="" src="style/imagesTree/check-all.gif"/> Todos</a></td>
                                        <td><a href="javascript:void(0);" id="resetRiesgos"><img alt="" src="style/imagesTree/uncheck-all.gif"/> Ninguno</a></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <html:errors property = "factores_requerido"/>
                        <center><br><img alt="Cargando" src="style/images/cargando.gif" class="consultaCargandoImg"/><br></center>
                    </td>
                </tr>
                <tr>
                    <td>Actividades del puesto de trabajo:</td>
                    <td><html:textarea property="actividadesPT" cols="30" rows="4" /></td>
                </tr>
                <tr>
                    <td>Equipo Requerido:</td>
                    <td><html:textarea property="equipoRequerido" cols="30" rows="4"/></td>
                </tr>
                <tr>
                    <td>Sustancias, materiales y equipos:</td>
                    <td><html:textarea property="sustMatEq" cols="30" rows="4"/></td>
                </tr>
                <tr>
                    <td>Observaciones:</td>
                    <td><html:textarea property="observaciones" cols="30" rows="4"/></td>
                </tr>
                </tbody>
            </table>
            <br>
            <font color="red"><p>Los campos que tienen * son obligatorios.</p></font>
            <br>

            <html:button property="" styleId="ubicarART_btn" value="Ubicar Riesgos"/>
            <html:submit value="Agregar" styleId="agregarART_btn" disabled="true"/>
            <html:button property="PT" styleId="PT" value="Atrás"/>
            <div id="errorUbicacion"></div>
        </html:form>
    </center>
</div>

<div id="ubicacionPlano" style="display: none;">
    <div id="mapPisoMsg">
        <ul style="margin-left: 20px;">
            <li>Primero seleccione el riesgo a abicar en la tabla de simbologias de riesgos.</li>
            <li>Luego ubique este riesgo en el lugar del plano donde se haya detectado precencia del mismo.</li>
            <li>Repita el proceso para todos los riesgos encontrados.</li>
        </ul>
    </div>
    <div id="mapPiso"></div>
    <center>
        <input type="button"  id="guardarUbicacion_btn" value="  Guardar Ubicacion  "/>
        <input type="button"  id="atrasUbicacion_btn" value="  Atras  "/>
    </center>
    <div id="simbologiaRiesgos">
        <h2>Se&ntilde;alizaci&oacute;n de Riesgos</h2>
        <div id="simbolosR"></div>
    </div>
</div>
<script type="text/javascript" src="Modulo2/js/controlPiso.js" />
<script type="text/javascript" src="Modulo3/js/riesgosTree.js" />
<script type="text/javascript">
    var edificio;
    var piso;
    $(function(){
        listaSedes();
    });

    $('#ubicarART_btn').click(function(){
        if(edificio == "" || piso == ""){
            $('#errorUbicacion').html("<p>Seleccione primero el cargo y puesto de trabajo asociado al ART.</p>");
            $('#errorUbicacion').append("<p>Si ya lo hizo, es posible que este puesto de trabajo no tenga asociada una ubicaci&oacute;n correcta.</p>");
        } else if($('#riesgosTree :checkbox:checked').size()<=0){
            $('#errorUbicacion').html("<p>Debe seleccionar al menos un riesgo para ubicar.</p>");
        } else {
            $('#errorUbicacion').html("");
            loadPlanoRiesgos(edificio, piso);
            $('#agregarARTForm').css('display','none');
            $('#ubicacionPlano').css('display','block');
            $('.coordIcon').val("");
        }
    });
    $('#guardarUbicacion_btn').click(function(){
        $('#ubicacionPlano').css('display','none');
        $('#agregarARTForm').css('display','block');
        $('#agregarART_btn').attr('disabled',false);
        $('#errorUbicacion').html("");

    });
    $('#atrasUbicacion_btn').click(function(){
        $('#ubicacionPlano').css('display','none');
        $('#agregarARTForm').css('display','block');
        $('#errorUbicacion').html("");
    });

    function getPuestoTrabajo(puesto){
        cargo = $('#Cargo').val();
        sede = $('#Sedes').val();
        $.ajax({
            type: "GET",
            url: "consultarPuestoTrabajo.do",
            data: {nombre_pt: puesto,nombre_cargo:cargo,sede:sede},
            dataType: 'json',
            success: function(data){
                pt = data.puestos[0];
                if((pt.espacio != undefined) && (pt.piso != undefined)){
                    edificio = pt.espacio;
                    piso = pt.piso;
                    $('#errorUbicacion').html("");
                }
                else {
                    edificio = "";
                    piso = "";
                    $('#errorUbicacion').html("<p>Es posible que no pueda ubicar los riesgos asociados al ART..</p>");
                    $('#errorUbicacion').append("<p>El puesto de trabajo no tiene asociado una ubicacion correcta.</p>");
                }
            }
        });
    }
</script>